<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录页</title>
</head>
<body>
  <div id="login-window">
    <p>个人网上银行</p>
    <span>卡号:</span><input type="text" v-model="account.cardno"><br>
    <span>密码:</span><input type="password" v-model="account.password"><br>
      <input type="button" value="登录网上银行" @click="login()">
  </div>
</body>
<script src="js/vue.js"></script>
<script>
  const mvvm = new Vue({
    el:'#login-window',
    data:{
      account:{}
    },
    methods:{
        login(){
            console.log(this.account.cardno);
        }
    }
  });
</script>
<style>
  #login-window{
    height: 300px;
    width: 500px;
    background-color: #90EE90;
    margin: auto;
    margin-top: 100px;
  }
  p{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
  }
</style>
</html>